/**
 * *按钮已根据UI修改 可以直接使用*
 * 
 * button按钮 在支付宝端无法通过伪类编写
 * 所以button 都要加上class
 * 为了统一 不通过 <button type="primary" plain size="mini">按钮</button> 方式编写
 * 直接加 class
 * primary 即type="primary"
 * warn 即type="warn"
 * default 即type="default"
 * plain 边框模式
 * mini 小安妮
 * block
 */
// ============== button 
button {
 font-size: 16px;
 border-radius: 24px;
 padding: 9px 12px;
 box-sizing: border-box;
 height: auto;
 line-height: 1.4;
 display: inline-block;
 &:after {
  border: none;
 }
 &.hover, &:active, &:focus {
  opacity: 0.9;
 }
}

button.block {
 display: block;
}

button, button.primary {
 background: linear-gradient(90deg, #0B71E7 0%, #4C71EE 100%);
 color: #fff !important;
 border: none;
}

button.primary.plain {
 background: none;
 border: 1px solid #4C71EE !important;
 color: #4C71EE !important;
}

button.default {
 background: none !important;
 border: 1px solid #ddd;
 color: #333 !important;
}

button.warn {
 background: #e64340;
 color: #fff !important;
}

button.large {
 padding: 12px 12px;
}

button.mini {
 display: inline-block;
 font-size: 13px;
 line-height: 2.3;
 padding: 0 1.34em;
}
// ============== button 

.u-upload__status__message {
  text-align: center;
}
